uniapp实现录音功能和播放功能

#uniapp实现录音功能和播放功能| 来源: 网络整理| 查看: 265

这个功能实现起来并不麻烦参考官方文档的API 根据API调试一下就可以

官方文档也有相应的示例 uni.getRecorderManager() | uni-app官网 (dcloud.net.cn)

获取全局唯一的录音管理器 recorderManager

HTML 开始录音停止录音播放录音 JS const recorderManager = uni.getRecorderManager(); const innerAudioContext = uni.createInnerAudioContext(); innerAudioContext.autoplay = true; export default { data() { return { text: 'uni-app', voicePath: '' } }, onLoad() { let self = this; recorderManager.onStop(function (res) { console.log('recorder stop' + JSON.stringify(res)); self.voicePath = res.tempFilePath; }); }, methods: { startRecord() { console.log('开始录音'); recorderManager.start(); }, endRecord() { console.log('录音结束'); recorderManager.stop(); }, playVoice() { console.log('播放录音'); if (this.voicePath) { innerAudioContext.src = this.voicePath; innerAudioContext.play(); } } } }

大家根据自己的情况和效果进行调试和改进不会的话多去尝试一下API 测试出来就好了

【本文地址】

公司简介

联系我们